@import 'include/wap.less';
html,body{
	margin:0;
	padding: 0;
    min-width: 1143px;
    font-family: Microsoft YaHei; 
}
img{
	border-style:none;
}	
a{
	text-decoration: none;
	outline: none;
	color: #221814;
}
ul,li{
	padding:0;
	margin:0;
}
.center{
	margin: 0 auto;
	width: 1143px;
}
#head{
	min-width: 1143px;
	width: 100%;
	height: 76px;
	position:fixed;
	z-index: 999;
	background:#ffd91d;
	font-size:18px;
	border-bottom:  5px solid #2f2e2c;
	#head-div{
		margin-left: 90px;
		li{
			list-style-type :none;
		}
		.a_circle{
			float: left;
			margin-top: 33px;
			width: 118px;
			height: 48px;
			position: relative;
			.head-a{
				padding-left: 22px;
				padding-right: 22px;
				margin: 0 auto;
				border-right:1px solid #ac983a;
				text-align: center;
				&.current,&:hover{
					font-weight: bold;
					&+.circle{
						background-color:#ffd900;
					}
				}
			}
			.circle{
				width:20px;
		 		height:10px; 
		 		background-color:#fff;
		 		border-radius:50px 50px 0 0;
		 		margin-left: 40px;
		 		margin-right: 40px;
		 		border: 5px solid #2f2e2c;
		 		border-bottom: none;
		 		position: absolute;
		 		bottom: 0;
			}
		}
		.head-a6{
			border-right: none!important;
		}
	}
	.head-list{
		display: none;
	}
	#logo{
		float: right;
		margin-right: 95px;
	}
}
.focus{
	min-width: 1143px;
	padding-top: 81px;
	width:100%; 
	height: 940px;
	position: relative;
	.bd{ 
        height: 940px;
        width: 100%;
		ul{
			li{
			 	width: 100%;
			 	height: 940px;
			 	overflow: hidden;
			 	position: relative;
			 	img{
			 		width: 1920px;
		 			height: 940px;
		 			top: 0;
		 			left: 50%;
		 			position: absolute;
		 			margin-left: -960px;
			 	}
			}
		}
	} 
	.hd{
		width: 100%;
		text-align:center;
		position: absolute;
		bottom: 20px;
		ul{
			display: inline-block;
			li{
				display: inline-block; 
				width:88px;
				height:2px; 
				background:#cfb233; 
				margin:13px; 
				vertical-align:top; 
				overflow:hidden; 
				}
			.on{
				background:#686140;
			}
		}
	}  
}
#introduce{
	min-width: 1143px;
	margin-top: -5px;
	width:100%;
	height: 880px; 
	overflow:hidden; 
	background: url("../img/bg.jpg") no-repeat center top;
	.subject{
		margin-top: 174px;	
		margin-left:83px;
		#buld{
			margin-left: 0;
		}
		.third{
			float: left;
			margin-left: 127px; 
			cursor:pointer;
            .images{
            	margin-left: 28px;
            	margin-right: 28px;
            }
			.bold_font{
				font-size: 28px;
				font-weight: bold;
			}
			.details{
				margin-top: 34px;
				width: 240px;
				font-size: 25px;
				color: #595757;
				text-align: center;
			}
			img{
            	transition:all .5s linear; 
            }
			&:hover{
				img{
					transform: scale(1.2);  
				}
			}
		}
	}	
}
@keyframes myfirst{
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-30deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(30deg);
	}
	100% {
		transform: rotate(0deg);
	}
	
}
#rhomboid{ 
	margin-top: -150px;
	width: 100%;
    height: 1550px;
    min-width: 1143px;
    background: #D11F1F;
    transform:skew(0deg,-10deg);
    position: relative;
    #select_global{
		transform:skew(0deg,10deg);
		background: url(../img/red.jpg);
		background-position:center center;
		position: absolute;
		top: 100px;
		left: 10%;
		right: 10%;
		.phonepng{
			padding-top: 70px;
		}
		ul{
			list-style:none; 
			margin-top: -5px;
			li{
				float: left;
				margin-left: 74px;
				.flag{
					&:hover{
						animation: myfirst .5s linear;
					}
				}
			}
			.european{
			margin-left: -25px;
			}
		}
		#five{
			margin-top: 140px;
			font-size: 60px;
			color: #fff;
			margin-left: 250px;
			width: 596px;
			text-align: center;
			padding-left: 10px;
			padding-right: 10px;
			background: #830609;
		}
		#ad{
			margin-top: 25px;
			font-size: 25px;
			color: #fff;
			text-align: center;
			font-family: 方正兰亭超细黑简体;
			line-height: 45px;
		}
	}
}
#shopping{
	min-width: 1143px;
	width: 100%;
	height: 1145px;
	#shop_head{
		font-size: 60px;
		color: #333333;
		text-align: center;
		margin-top:50px;
		padding-top: 120px;
		.red_font{
			color: #d92d14;
		}
		.border{
			border-bottom: 2px solid #333333; 
			padding-bottom: 5px;
		}
	}
	#container{
  		padding-top: 50px;
  		display:block;
	  	#itemdescription {
		    position:relative;
		    width:300px;
		    height: 400px;
		    float: left;
		    li{
		    	display:none;
				margin-left: 150px;
				margin-top: 230px;
				color: #f64e4e;
				font-size: 28px;
		    	.step1{
					width: 200px;
					padding-top: 10px;
					font-size: 25px;
					color: #333333;
				}
		    	.step2-4{
					margin-top: 15px;
					width: 250px;
					color: #333333;
					font-size: 25px;
					.up_down{
						margin-top: 10px;
					}
				}
				.step_red{
					color: #d92d14;
				}
		    }
		}
	  	#itemlist {
		    display:block;
		    margin-left: 350px;
		    position:relative;
		    img{
		    	position:absolute;
		    	cursor:pointer;
		    	transition:all ease 1.5s;
		    }
		 	img.item-0 {
			    left: 80px;
			    z-index:4;
			    -webkit-transform:scale(1);
			       -moz-transform:scale(1);
			        -ms-transform:scale(1);
			         -o-transform:scale(1);
			            transform:scale(1);
			} 
		  	img.item-1 {
			    z-index:3;
			    left:180px;
			    -webkit-transform:scale(0.9);
			       -moz-transform:scale(0.9);
			        -ms-transform:scale(0.9);
			         -o-transform:scale(0.9);
			            transform:scale(0.9);
			}
		  	img.item-2 {
			    z-index:2;
			    left:270px;
			    -webkit-transform:scale(0.8);
			       -moz-transform:scale(0.8);
			        -ms-transform:scale(0.8);
			         -o-transform:scale(0.8);
			            transform:scale(0.8);
			}
		  	img.item-3 {
			    z-index:1;
			    left:350px;
			    -webkit-transform:scale(0.7);
			       -moz-transform:scale(0.7);
			        -ms-transform:scale(0.7);
			         -o-transform:scale(0.7);
			            transform:scale(0.7);
		    }
		}
	}
}
#proof{
	min-width: 1143px;
	width:100%; 
	background: url(../img/bg-yellow.jpg);
	background-position:center center;
	margin-top:0;
	padding-bottom: 20px;
	#proof_img{
		margin-top: 127px;	
		padding-left: 270px;
	}
	.proof_head{
		padding-left: 280px;
		padding-top: 45px;
		color: #323232;
		font-size: 60px;
	}
	.proof_p{
		width: 840px;
		margin-top: -10px;
		padding-left: 150px;
		padding-top: 25px;
		font-size: 25px;
		text-align: center;
		color: #63552b;
		line-height: 40px;
	}
}
#about_us{
	width:100%;
	height: 894px;
	min-width: 1143px; 
	background: url(../img/bg-us.jpg) no-repeat;
	background-position:center center;
	.logo-img{
		margin-top: 290px;
		padding-left: 100px;
	}
	.logo-font{
		top: 490px;
		font-size: 60px;
		padding-left: 100px;
		color: #4a2528;
		animation-delay:0.2s;
	}
	.p1-right{
		width: 645px;
		margin-top: -400px;
		margin-left:380px;
		font-size: 25px;
		color: #4a2528;
		line-height: 40px;
		animation-delay:0.4s;
	}
	.p2-right{
		width: 645px;
		top: 400px;
		margin-left:380px;
		font-size: 25px;
		color: #4a2528;
		line-height: 40px;
		animation-delay:0.6s;
	}
}
#last{
	width:100%;
	height: 592px;
	min-width: 1143px; 
	background: url(../img/bg-last.png) no-repeat;
	background-position:center top;
	margin-top: -108px;
	.left-font{
		float: left;
		padding-top: 290px;
		margin-left: 80px;
		font-size: 30px;
		color: #fff;
		text-align: right;
	}
	.QRcode{
		float: left;
		padding-top: 200px;
		margin-left:50px;
		animation-delay:1s;
	}
	.right-font{
		float: left;
		padding-top: 290px;
		margin-left: 50px;
		font-size: 30px;
		color: #fff;
		animation-delay:2s;
	}
}